<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/accountMsg_consumeHistroy.css" />
		<script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/rem.js" type="text/javascript" charset="utf-8"></script>
		<title>Document</title>
	</head>
	<script type="text/javascript">
		$(function(){
			$("#dianji").mouseenter(function(){
				$(".new-page").show()
			})
			$("#dianji").mouseleave(function(){
				$(".new-page").hide()
			})
		})
	</script>
	<body>
		<header>
			<div class="top">
				<img src="../img/accountMsg-head.png" />
			</div>
			<div class="head">
				<div class="head-center">
					<a href="accountMsg.html"><img src="../img/accountMsg-left.png" /></a>
					<a href="#" id="dianji">
						<span>消费详情</span>
						<img src="../img/accountMsg-sanjiao.png" />
					</a>
					<div></div>
					<div class="new-page">
						<div class="new-page-content">
							<div class="new-center">
								<div class="new-shang">
									<a href="#">全部账户</a>
								</div>
								<div class="new-zhong">
									<span></span>
									<span>应用</span>
									<span></span>
								</div>
								<div class="new-xia">
									<a href="#">天天消消乐</a>
									<a href="#">大话西游</a>
									<a href="#">王者荣耀</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>
		<div class="font2">
			<span>2016年7月15日</span>
			<span>总消费1528</span>
		</div>
		<div class="list1">
			<ul>
				<li>
					<a href="#">
						<div>
							<div>闪</div>
							<div>
								<p>
									<span>天天消消乐</span>
									<span>闪注量充值</span>
								</p>
								<p>2016/7/6 14:24</p>
							</div>
						</div>
						<div>
							<span>-</span>
							<span>1</span>
							<span>条</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div>
							<div>短</div>
							<div>
								<p>
									<span>大话西游</span>
									<span>闪注量充值</span>
								</p>
								<p>2016/7/6 14:24</p>
							</div>
						</div>
						<div>
							<span>-</span>
							<span>1</span>
							<span>条</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div>
							<div>短</div>
							<div>
								<p>
									<span>天天消消乐</span>
									<span>闪注量充值</span>
								</p>
								<p>2016/7/6 14:24</p>
							</div>
						</div>
						<div>
							<span>-</span>
							<span>1</span>
							<span>条</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div>
							<div>闪</div>
							<div>
								<p>
									<span>王者荣耀</span>
									<span>闪注量充值</span>
								</p>
								<p>2016/7/6 14:24</p>
							</div>
						</div>
						<div>
							<span>-</span>
							<span>1</span>
							<span>条</span>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<div class="font1">
			<span>2016年 7月14</span>
		</div>
		<div class="list1">
			<ul>
				<li>
					<a href="#">
						<div>
							<div>短</div>
							<div>
								<p>
									<span>天天消消乐</span>
									<span>闪注量充值</span>
								</p>
								<p>2016/7/6 14:24</p>
							</div>
						</div>
						<div>
							<span>-</span>
							<span>1</span>
							<span>条</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div>
							<div>闪</div>
							<div>
								<p>
									<span>大话西游</span>
									<span>闪注量充值</span>
								</p>
								<p>2016/7/6 14:24</p>
							</div>
						</div>
						<div>
							<span>-</span>
							<span>1</span>
							<span>条</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div>
							<div>闪</div>
							<div>
								<p>
									<span>天天消消乐</span>
									<span>闪注量充值</span>
								</p>
								<p>2016/7/6 14:24</p>
							</div>
						</div>
						<div>
							<span>-</span>
							<span>1</span>
							<span>条</span>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div>
							<div>短</div>
							<div>
								<p>
									<span>王者荣耀</span>
									<span>闪注量充值</span>
								</p>
								<p>2016/7/6 14:24</p>
							</div>
						</div>
						<div>
							<span>-</span>
							<span>1</span>
							<span>条</span>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<div class="font1">
			<span>2016年 7月13</span>
		</div>
		<div class="list2">
			<ul>
				<li>
					<a href="#">
						<div>
							<div>闪</div>
							<div>
								<p>
									<span>王者荣耀</span>
									<span>闪注量充值</span>
								</p>
								<p>2016/7/6 14:24</p>
							</div>
						</div>
						<div>
							<span>-</span>
							<span>1</span>
							<span>条</span>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</body>

</html>